<template>
  <base-item :title="title">
    <template #content>
      <div class="item-style5" v-html="tabbarList ? data[isActive] : data">
      </div>
    </template>
    <template v-if="tabbarList" #right>
      <header-tabbar :list="tabbarList" v-model="isActive"></header-tabbar>
    </template>
  </base-item>
</template>

<script setup lang="ts">
//组件

//接口


//api
import {reactive, ref} from 'vue';
import BaseItem from "@/views/home/compoments/baseItem.vue";
import HeaderTabbar from "@/views/home/compoments/headerTabbar.vue";
import useHomeStore from "@/store/modules/home/home";
//data
let props = defineProps<{
  tabbarList?: { label: string, value: string }[],
  data: any,
  title: string
}>()
let isActive = props.tabbarList ? ref(props.tabbarList[0].value) : ''

let homeStore = useHomeStore()
/*
函数
*/

/**************************接口函数**************************/


/**************************操作函数**************************/

</script>

<style lang="scss" scoped>
.item-style5 {
  background-color: rgb(241, 245, 255);
  padding: 10px 16px;
  height: 365px;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: scroll;
}

.item-style5::-webkit-scrollbar {
  display: none;
  font-size: 14px;
}


</style>
